$(function(){
	/*二级分类 点击效果*/
//	$(".nav_top_ul li").click(function(){
//		var classes=$(this).attr("id");
////		alert(classes);
//		$(this).siblings().removeClass("active");
//		$(this).addClass("active");
//		$(".nav_bot").show();
//		$(".nav_bot ul li").removeClass("active");
//		$(".nav_bot ul").hide();
//		$("."+classes).show();
//		
//	})

	/*三级分类 点击效果*/
	$(".nav_bot ul li").click(function(){
		if(!$(this).hasClass("active")){
			$(this).siblings().removeClass("active");
			$(this).addClass("active");
			console.log("offset"+$(this).offset().left);
			console.log("scroll"+$(".nav_bot").scrollLeft());
			var offsetleft=$(this).offset().left;
			var scrollleft=offsetleft+$(".nav_bot").scrollLeft()-15;
			$(".nav_bot").scrollLeft(scrollleft);
//			$(".nav_bot_ul2").animate({scrollleft:$(this).offset().left},500);;
		}else if($(this).hasClass("active")){
			//$(this).removeClass("active");
		}
		
	})
	/**3.点击购买*/
	$(".btn").click(function(){
		location.href="html/shop/cake_detail.html";
	})
	
	//4.计算三级分类div 的宽度
	
	//5.点击顶部二级分类
	$(".top_center").click(function(){
		var status=$(".nav_top").css("display");
		if(status=="block"){
//			$(".nav_top").slideUp();
			$(".nav_top").hide();
		}else{
//			$(".nav_top").slideDown();
			$(".nav_top").show();
		}
	})
	
	$(".nav_top_text ul li a").click(function(){
		var status=$(this).hasClass("active");console.log(status);
		var class_se=$(this).text();
		$(".class_se").text(class_se);
		var classes=$(this).parent().attr("id");console.log("id"+classes);
		var c_length=$("."+classes).find("li").length;
		if(c_length==0){
			$(".nav").hide();
			$(".main").css("margin-top","0.15rem");
		}else{
			$(".nav").show();
			$(".main").css("margin-top","0");
			var widths=c_length*1.6;
			$(".nav_bot_ul2").css("width",widths+"rem");
			$(".nav_bot_ul2").hide();
			$(".nav_bot_ul2").scrollLeft(0);
			$("."+classes).show();
		}
		
		if(status){
			$(this).removeClass("active");
			
		}else{
			$(this).parent().siblings().find("a").removeClass("active");
			$(this).addClass("active");
			$(".nav_top").hide();
			
		}
		
		$("#msg").click(function(){
			$(".alert_kefu").show();
		})
		$(".alert_kefu").click(function(){
			$(".alert_kefu").hide();
		})
		
	});
	$(function(){
		$(".nav_top_ul li").children(':first').click(function(){
			
		}).trigger('click');
	});
	
})
